/*超链接按钮和 label图标*/
label.icon{
	background-repeat: no-repeat;
	background-position: center center;
}
a.button{
	box-sizing: border-box;
	color: #000;
	border: 1px solid #ACACAC;
	background-color: #E1E1E1;
	width: 4.3rem;
	height: 1.1rem;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	text-decoration: none;
	line-height: 1.1rem;
	&:hover{
		border-color: #61A3C7;
	}
}
/*按钮组件的定义*/
//文本框按钮
//按钮的背景图片默认是不重复并且居中的图
button{
	width:4.3rem;//默认的宽高
	height: 1.4rem;//默认的宽高
	padding: 0 0.5rem;
	border:1px solid @textbottonBorder;
	background:@textbottonBG no-repeat center;
	cursor: pointer;
	box-sizing: border-box;//防止被父元素影响盒模型
	&:hover {
		border: 1px solid rgba(61, 149, 197, 0.75);
		background-color: @bottonBG;
	}
	&:active,&.active{
		background-color: rgb(212, 212, 212);//默认的是text-btn
	}
}
.ico{
    width:@button-h-22;//给默认图标按钮设置默认宽高
    height:@button-h-22;
	border:none;
	background-color:transparent;
	&:hover{
		border: 1px solid @textbottonBorder;//鼠标移动到这个家伙上面有边框和背景。这里覆盖默认样式
		background-color: @bottonBG;
	}
	&.active,&:active{
		border: none;
		background-color: @bottonBG;
		box-shadow: 0px 2px 1px #B3B3B4 inset;
	}
}

button[disabled]{
	background-color:#CCCCCC;//disabled默认的背景颜色
	cursor: not-allowed;
	opacity: 0.7;//这里是为了让图标背景图片和字体的颜色变浅
	color:rgb(55, 67, 105);
	box-shadow: none;
	&:hover{
		border-color: @textbottonBorder;
	}
}
button.ico[disabled]{
	background-color: transparent;//因为只是图标的背景图片颜色改变。ico按钮默认为情况下是没有背景颜色的。
	&:hover, &.active, &:active{
		border:none;
		box-shadow: none;
	}
}

.new{
	//新建
	background-image: url("");
}
.open{
	//打开
	background-image: url();
}
.save{
	//保存
	background-image: url("");
}
.add{
	//添加
	background-image: url("");
}
.fixed {
	//固定
	background-image: url("");
}
.trash{
	//垃圾箱
	background-image: url("");
}
.up{
	//上箭头
	background-image: url("");
}
.down{
	//下箭头
	background-image: url("");
}
.back{
	//返回箭头
	background-image: url("");
}
.next{
	//下一步箭头
	background-image: url("");
}
.edit{
	//更改
	background-image: url("");
}
.maximize {
	//最大化
	background-image: url("");
}
.undo{
	//还原
	background-image: url("");
}
.close{
	//关闭
	background-image: url("");
}
.reset{
	//重置
	background-image: url("");
}
.minimize{
	//最小化10*10图标
	background-image: url("");
}
.search{
	//查找
	background-image: url("");
}
.email{
	//邮箱
	background-image: url("");
}
.filter{
    //过滤器
    background-image: url("");
}
